(function($) {
	$(function() {
		var
			oA = $('.sideTop a'),
			oLi = $('.sideTop li'),
			oSpan = $('.sideTop span');
			oSideNav = $('#sidenav');
			oClose = $('.tit a')
		oLi.hover(
			function() {
				console.log($(this).index())
				oA.eq($(this).index()).stop(true).delay(100).animate({
					'left': '-61px'
				}, 100);
				oA.attr({
					class: 'active'
				});
				oSpan.eq($(this).index()).attr({
					class: 'active'
				});
			},
			function() {
				oA.eq($(this).index()).stop(true).delay(100).animate({
					left: '0'
				}, 100)
				oA.removeAttr('class')
				oSpan.eq($(this).index()).removeAttr('class');
			}

		);
		oLi.click(function(){
			oSideNav.animate({
				right:'0'
			},500);
		});
		oClose.click(function(){
			oSideNav.animate({
				right:'-270px'
			},500)
		});
	});
})(jQuery);